body {
    margin-left: 0px;
    margin-right: 0px;
    background-color: #C3C3C3;
    background-image: url(back_index.jpg);
    font-size: 14px;
}

img {
    border: #FF9900;
}

a:link {
    color: #808080;
    text-decoration: none;
}

a:visited {
    color: #000000;
    text-decoration: none;
}

a:hover {
    text-decoration: none;
}

a:active {
    text-decoration: none;
} .none {
} .k-main-page {
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center;
    border: 5px solid #666666;
} .k-main {
    width: 840px;
    height: 450px;
    background-repeat: no-repeat;
    background-position: center;
    border: 5px solid #666666;
    background-color: #ffffff;
} .k-main-login {
    width: 840px;
    height: 450px;
    background-position: center;
    background-color: #ffffff;
    background-image: url(back_login.jpg);
    background-repeat: no-repeat;
} .k-main-mean {
    margin-top: 40px;
    width: 840px;
    height: 80px;
    color: #FFFFFF;
    font-size: 12px;
    border: 5px solid #666666;
} .k-leftDiv {
    width: 200px;
    height: 450px;
    background-color: #FFFFFF;
    float: left;
} .k-rightDiv {
    width: 640px;
    height: 450px;
    background-color: #FFFFFF;
    float: right;
} .k-message {
	background-image: url(back_message.jpg);	
	background-repeat:no-repeat;
	background-position:center;
	width	: 840px;
    height	: 400px;
	color	:#ffffff;
} .k-bottom {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size	: 10px;
    color		: #666666;
    margin-left	: 12%;
    margin-top	: 2%;
    float		: left;
} .STYLE1 {
    font-size: 18px;
    color: #000000;
    font-family: Geneva, Arial, Helvetica, sans-serif;
} .stitle {
    color: #FFFFFF;
    font-size: 10px;
    font-family: Arial, Helvetica, sans-serif;
}

/*
button类样式
*/
.k-button-book {
    background-image: url(icon/book.gif) !important;
}

.k-button-delsole {
    background-image: url(icon/delete.gif) !important;
}

.k-button-delall {
    background-image: url(icon/cross.gif) !important;
}

.k-button-submit {
    background-image: url(icon/accept.png) !important;
}

.k-button-showsheet {
    background-image: url(icon/Modify.png) !important;
}

/*
星级评分类
*/

	    .star-rating{
    list-style: none; /* turn off the default list image bullets*/
    margin: 3px; /*I wan’t some space around this thing*/
    padding: 0px; /* I’m anal. I’m pretty sure OL’s have a default padding of 0px, but we’ll set it to 0px just to be safe*/
    width: 100px; /*This list is 5 stars, each star is 20px, therefore it should be 5 x 20px = 100px wide*/
    height: 20px; /* The height of each star is 20px. Since this is a horizontal list, we will set the list height to the height of the star.*/
    position: relative; /*Very important. We will be using absolute positioning later. We want to use relatively-absolute positioning.*/
    background: url(star_rating.gif) top left repeat-x; /* By repeating this image horizontally, the list will appear to have five stars.*/
    }
	    .star-rating li{
    padding:0px; /* no padding at all*/
    margin:0px; /* no margin at all*/
    /*\*/ /*Backslash hack, this causes IE5 Mac NOT to see this rule*/
    float: left; /* for any other browser, we are going to float left, this makes a horizontal list*/
    /* */ /* end the IE5 Backslash hack*/
    }
	
	   .star-rating li a{
	   	
    display:block; /* we want a block item, so that we can mess with its height and width*/
    width:20px; /* easy stuff, we want the width to be the same as the star width*/
    height: 20px; /* same as the width*/
    text-decoration: none; /* remove the underline from the link*/
    text-indent: -9000px; /* indent the text off the screen using a [url=http://www.mezzoblue.com/tests/revised-image-replacement/]image-replacement technique[/url], we dont want to see the text anymore.*/
    z-index: 20; /*we’ll come back to this*/
    position: absolute; /*we can now control the exact x and y coordinates of each star, relative to the parent UL*/
    padding: 0px; /*once again, we don’t need any padding*/
    background-image:none; /* we will not show the star*/
   }
   
   .star-rating li a:hover{
   	background: url(star_rating.gif) left bottom; /*this is where the magic is*/
	z-index: 1; /*move this star to the bottom of the z-index stack*/
	left: 0px; /*move this star all the way to the left, aligned with the side of the UL parent item*/
	}
	
	
	   .star-rating a.one-star{
    left: 0px;
    }  
   .star-rating a.one-star:hover{
    width:20px;
    }
   .star-rating a.two-stars{
    left:20px;
   }
   .star-rating a.two-stars:hover{
   width: 40px;
   }
   .star-rating a.three-stars{
   left: 40px;
   }
   .star-rating a.three-stars:hover{
   width: 60px;
   }
   .star-rating a.four-stars{
   left: 60px;
   }
   .star-rating a.four-stars:hover{
   width: 80px;
   }
   .star-rating a.five-stars{
   left: 80px;
   }
   .star-rating a.five-stars:hover{
   width: 100px;
   }
   